/* 累计收益模块背景图片样式 */
.bgimage {
	padding-left: 5rpx;
	padding-right: 5rpx;
	box-sizing: border-box;
	height: 380rpx;
	width: 100%;
	background-image: url("http://yunzhidun.oss-cn-beijing.aliyuncs.com/weixin/static/index/bgpic1.jpg");
	background-size: cover;
}

	/* 累计收益模块样式 */
	.money {
		height: 200rpx;
		width: 100%;
		margin: 100rpx 0 40rpx 0;
		background-size: 80%;
	}

		.money-a {
			height: 150rpx;
			width: 50%;
			text-align: center;
			border-right: 1rpx solid #dddddd;
		}
		.money-d {
			height: 150rpx;
			width: 50%;
			text-align: center;
		}
			.money-ac{
				display: flex;
				justify-content: center;
				align-items: center;
				text-align: center;
				background-repeat: no-repeat;
			}
			.money-b {
				margin-top: 20rpx;
				font-weight: normal;
				color: white;
				display: block;
			}
				.eye-pic {
					margin-top: 20rpx;
					height: 22rpx;
					width: 35rpx;
					margin-left: 16rpx;
					box-shadow: 100rpx;
					justify-content: center;
					align-items: center;
					background-size: contain;
					background-repeat: no-repeat;
					background-image: url('http://yunzhidun.oss-cn-beijing.aliyuncs.com/weixin/static/index/Eyes.png');
				}
				.unshow{
					margin-top: 28rpx;
					width: 35rpx;
					height: 26rpx;
					margin-left:16rpx;
					background-image: url('http://yunzhidun.oss-cn-beijing.aliyuncs.com/weixin/static/index/Eyes-0.png');
				}
			.money-c {
				margin-top: 20rpx;
				font-weight: bolder;
				color: white;
				font-size: 40rpx;
				display: block;
			}


/* '背景模块样式' */
.indexback {
	background-color: #eff7ff;
	width: 100%;
	border-radius: 60rpx 60rpx 0 0 ;
	margin-top: -50rpx;
	height: 100vh;
}
	/* '设备展示模块' */
	.bind {
		height: 150rpx;
		width: 100%;
		margin: 30rpx 0rpx;
		color: black;
		display: flex;
		justify-content: space-around;
		align-items: center;
		text-align: center;
	}

		/* '下方数据信息的总体样式' */
			.bind-infos {
				height: 128rpx;
				width: 140rpx;
				margin:8rpx 10rpx;
				align-items: center;
				background-color: white;
				border-radius: 10rpx;
				display: block;
			}

				.bind-num {
					margin-top: 14rpx;
					text-align: center;
					font-size: 40rpx;
					font-weight: bolder;
				}

				.bind-font {
					margin-top: 16rpx;
					text-align: center;
					font-size: 26rpx;
					color: #7792aa;
				}


	/* 中部大图片模块样式 */
	.recommend-all {
		margin-top: 20rpx;
		margin-bottom: 12rpx;
	}

		.recommend-pic {
			height: 332rpx;
			width: 100%;
			margin: 6rpx 16rpx;
			background-size: 100%;
		}
	

	/* 中部邀请模块样式 */
	.manage {
		padding: 20rpx;
		box-sizing: border-box;
		width: 100%;
	}
		.manage-box {
			height: 150rpx;
			width: 99%;
			margin: 10rpx;
			padding: 10rpx;
			box-sizing: border-box;
			background-color: #fff;
		}
			.choose {
				width: 100%;
				display: flex;
				box-sizing: border-box;
				justify-content: space-between;
				background-color: #FFF;
			}
				.bind-box {
					padding: 10rpx;
					box-sizing: border-box;
					width: 200rpx;
					background-color: white;
				}
				
				.yaoqing-btn{
					width: 100%;
					height: 100%;
					opacity: 0;
				}
	
	/* 收益列表模块样式 */
	.list-all {
		margin: 18rpx 20rpx;
	}
		.listt{
			display: flex;
		}
		.line{
			background-color: #0066ff;
			height: 42rpx;
			width: 8rpx;
			margin: 2rpx 10rpx 2rpx 16rpx;
		}
			/* 收益上方图标样式 */
			.list-left {
				height: 50rpx;
				width: 8rpx;
				margin-left: 16rpx;
			}

			.list-mid {
				margin-left: 16rpx;
				font-size: 36rpx;
			}

		.list-box{
			width: 100%;
			background-color: #fff;
			border-radius: 15rpx;
			font-size: 22rpx;
			justify-content: center;
		}
		
		.list-title{
			box-sizing: border-box;
			height: 70rpx;
			width:98%;/* //指定可滑动区域宽度 */
			overflow: hidden;/* //超出隐藏 */
			white-space: nowrap;/* //超出不换行 */
			display: flex;
			overflow-x: auto;/* //出现水平滚动条  */
			border-bottom: 2rpx solid #dddddd;
			align-items: center;
			justify-content: space-around;
			text-align: center;
			margin: 5rpx 10rpx;
		}
			
			.title-name{
				display: inline-block;
				align-items: center;
				margin-top: 2rpx;
				padding: 5rpx 15rpx;
				box-sizing: border-box;
				/* height: 50rpx; */
				
			}
			.active{
				color: #0066ff;
				border-bottom:2rpx solid #0066ff ;
			}
			.list{
				box-sizing: border-box;
				padding: 10rpx;
				background-color: #fff; 
				border-radius: 10rpx;
			}
			
			.one {
				display: flex;
				height: 50rpx;
				width: 100%;
				background-color: #FFF;
				font-size: 30rpx;
				justify-content: initial;
				align-items: center;
				margin: 15rpx 10rpx;
				color: #989898;
			}
				.dot{
					background-color: #ff9d00; 
					color: #FFF;
					width: 38rpx;
					height: 38rpx;
					margin: 0rpx 10rpx;
					border-radius: 50rpx;
					text-align: center;
					font-size: 26rpx;
				}
				.dotg{
					background-color: #b5b5b5;
					color: #FFF;
					width: 38rpx;
					height: 38rpx;
					margin: 0rpx 10rpx;
					border-radius: 50rpx;
					text-align: center;
					font-size: 26rpx;
				}
				
				.phone {
					width: 350rpx;
					text-align: center;
				}

				.price {
					width: 200rpx;
					color: #ff831e;
					text-align: right;
					margin-right: 20rpx;
					
				}
		

.popup-content {
		/* @include flex; */
		align-items: center;
		justify-content: center;
		padding: 15px;
		box-sizing: border-box;
		height: 50px;
		background-color: #fff;
	}

		.box-img{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 99;
		}
		
		.modal-img{
			background-color: #ffffff;
			border-radius: 15rpx;
			width: 80%;
			height: 720rpx;
			position: absolute;
			top: 18%;
			left: 10%;
			z-index: 100;
			padding: 20rpx;
			box-sizing: border-box;
			display: block;
		}
			
			.yqtitle{
				text-align: center;
				padding: 10rpx 0;
				font-size: 36rpx;
				box-sizing: border-box;
			}
			.content{
				display: flex;
				justify-content: space-between;
				margin: 20rpx;
			}
			
		
		.boxGroup{
			position: fixed;
			top: 15%;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 99;
		}
		
		.box{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 99;
		}
		.modal-group{
			background-color: #FFFFFF;
			border-radius: 15rpx;
			width: 85%;
			height: 500rpx;
			position: absolute;
			top: 35%;
			left: 8%;
			z-index: 100;
			padding: 35rpx;
			box-sizing: border-box;
		}
			.title{
				font-size: 40rpx;
				padding: 15rpx 0 25rpx 0;
				box-sizing: border-box;
				text-align: center;
				border-bottom:1rpx solid #dddddd;
			}
			.ragro{
				/* height:250rpx; */
				align-items: center;
				display: block;
				justify-items: center;
				font-size: 34rpx;
				border-bottom:1rpx solid #dddddd;
			}
			.radio{
				align-items: center;
				display: flex;
				justify-items: center;
			}
			.content{
				margin: 20rpx;
				padding: 10rpx;
				box-sizing: border-box;
				display:block;
				align-items: center;
				justify-content: center;
				text-align: center;
				
				}
			.foot-radio{
				padding: 10rpx;
				box-sizing: border-box;
			}
			.btn-group{
				display: flex;
				justify-content:space-between;
				padding: 0 50rpx;
				box-sizing: border-box;
				margin-top: 20rpx;
				text-align: center;
			}
				.coneal-group{
					width: 20%;
					height: 60rpx;
					line-height: 60rpx;
				}
				.submit-group{
					width: 20%;
					color: #0066ff;
					height: 60rpx;
					line-height: 60rpx;
				}
				.uni-list-cell {
					justify-content: flex-start;
					
				}
				.uni-list-cell-pd {
					padding: 22rpx 30rpx;
					box-sizing: border-box;
				}
		
		
		.node-box{
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color:#000000;
			opacity: 0.5;
			z-index: 1000;
		}
		.node-modal{
			background-color: #FFFFFF;
			border-radius: 15rpx;
			width: 80%;
			height: 480rpx;
			position: absolute;
			top: 35%;
			left: 10%;
			z-index: 1001;
			padding: 20rpx;
			box-sizing: border-box;
			}
			.node-modal.title{
				text-align: center;
				padding: 10rpx 0;
				font-size: 36rpx;
				box-sizing: border-box;
			}
			.node-modal.content{
				display: flex;
				justify-content: space-between;
				margin-top: 20rpx;
				margin-bottom: 30rpx;
			}
			.btn-group1{
				display: flex;
				height: 80rpx;
				line-height: 80rpx;
				margin-top: 10rpx;
				border-top: 1rpx solid #dddddd;
			}
				.coneal{
					width: 50%;
					text-align: center;
				}
				.submit{
					color: #007AFF;
					width: 50%;
					text-align: center;
				}